<template>
  <div id="app">
    <header v-if="showHeader">
      <Header />
    </header>
    <router-view />
    <footer>
      <Footer />
    </footer>
  </div>
</template>

<script setup>
import Header from './components/Header.vue';
import { computed } from 'vue';
import { useRoute } from 'vue-router';

const route = useRoute();
const showHeader = computed(() => route.name !== 'Login' && route.name !== 'Register' && route.name !== 'EmployerRegister' && route.name !== 'PersonalInformation'&&route.name !== 'Resume'&&route.name !== 'AttachmentResume'&& route.name !== 'ResumeDelivery'&&route.name!=='EmployerHome');

</script>

